<template>
	<div>
		<mt-header title="修改">
		  <router-link to="/" slot="left">
		    <mt-button icon="back" >返回</mt-button>
		  </router-link>
		</mt-header>
		<div class="bigbox-info" >
			<mt-field label="手机号" placeholder="请输入手机号" ></mt-field>
		    <mt-field label="验证码" placeholder="请输入短信验证码" >
		    	<mt-button size="small" type="primary">获取验证码</mt-button>
		    </mt-field>
		    
		    <mt-cell title="验证码错误" class="yzm"></mt-cell>
		    
		    <router-link to="./UpdatePhone" slot="left">
				<mt-button size="large" type="primary">确定</mt-button>
			</router-link>
	    </div>	      
	</div>
	  	    
</template>

<script>
	export default {
	  name: 'Update'
}
</script>

<style>
	.bigbox-info{
		width: 90%;
		margin-left: 5%;
	}
	.mint-button--large{
		margin-top: 15%;
	}
	.mint-field .mint-cell-title{
		margin-left: -30px;
	}
	.mint-cell{
	    min-height: 48px;
	    border-bottom: 1px solid #eee;
    }
    .yzm{
    	margin-left: -23%;
    	color: orange;
    }
</style>